<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <title>首页</title>
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/more.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/therapeutic.css" />
    <link rel="stylesheet" type="text/css" media="screen" href="css/bootstrap.min.css" />
    <script type="text/javascript" src="js/jquery/jquery-1.12.2.js"></script>
    <script type="text/javascript" src="js/jquery/jquery.request.js"></script>
    <script type="text/javascript" src="js/config/config.js"></script>
    <script type="text/javascript" src="js/utils.js"></script>
    <script type="text/javascript" src="js/common.js"></script>
    <script type="text/javascript" src="js/more.js"></script>
    <script type="text/javascript" src="js/jq-paginator.js"></script>
    <script language=javascript>
      $(document).ready(function() {
        var searchType = getUrlParam("searchType");
        var text = getUrlParam("text");
        searchArticles(searchType, text, 1);
        if(searchType == 'folder'){
          for(var i=0; i< $("#folderUl").children('li').length; i++) {
            if(text == $($("#folderUl").children('li').get(i)).text()) {
              $($("#folderUl").children('li').get(i)).addClass("liActive");
            }
          }
        }else{
          $("#searchInp").val(text);
        }
      });
    </script>
  </head>
  <body>
    <div id='divLogo' class="logo">
      <img style="float: left" src="images/logo.png" />
      <div id="nav">
        <ul> <a href="index.html"> HOME</a></ul>
        <ul> <a href="service.html"> SERVICES </a></ul>
        <ul> <a href="therapeutic.html"> TOPICES </a></ul>
        <ul> <a href="index.html"> CASES </a></ul>
        <ul> <a href="about.html"> ABOUT US </a></ul>
      </div>
    </div>
    <div class="content">
      <div class="search">
          <img src="images/search.png"  style="height: 20px; position: relative; z-index: 9999; float: left; margin-top: 12px;"></img>
        <input class="searchInp"  id="searchInp"/>
        <button class="searchBth" onclick="openArticles('es', $('#searchInp').val())"> Search</button>
      </div>
      <div class="clear"></div>
      <div class="articleNav">
        <ul id="folderUl">
          <li onclick="openArticles('folder', 'Vaccine')">Vaccine</li>
          <li onclick="openArticles('folder', 'HIV')"></li>
          <li onclick="openArticles('folder', 'HPV')">HPV</li>
          <li onclick="openArticles('folder', 'Psoriasis')">Psoriasis</li>
          <li onclick="openArticles('folder', 'NMOSD')">NMOSD</li>
          <li onclick="openArticles('folder', 'Diabetes')">Diabetes</li>
          <li onclick="openArticles('folder', 'Alzheimer')">Alzheimer's</li>
          <li onclick="openArticles('folder', 'Pediatrics')" style=" border-right: 0px solid #000">Pediatrics</li>
        </ul>
      </div>
      <div class="clear"></div>
      <div style="margin-top:10px" id="total"> </div>
      <div style="margin-top:15px">
	      <ul class="newsPicSummaryList m-b-40" style="padding-left:20px" id="articles"></ul>
      </div>
      <div class="pageStyle">
        <ul id="demo1" class="pagination"></ul>   
      </div>
    </div>
    <div class="bottom"> 
        <div style="float:left">
          <img src="images/logo1.png"></div>
        <div style="float: left; width: 500px;">
          <div class="bottomEmail">
            <p style="font-size:16px;font-weight:600">Email: </p>
            <p>info@globemed.cn </p>
          </div>
          <div class="bottomAddress">
            <p style="font-size:16px;font-weight:600">Address: </p>
            <p>Building 7, Li & Fung Plaza, 2000 Yishan Road, Shanghai, China  201103</p>
          </div>
        </div>
      </div>
    </body>
  </html>